<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.a1 {
				width: 1000px;
				height: 500px;
				background-color: aqua;
			}

			.a2 {
				width: 1000px;
				height: 100px;
				background-color: black;
				
			}

			.a3 {
				width: 1000px;
				height: 400px;
				background-color: burlywood;
			}
			.b1{
				width: 700px;
				height: 100px;
				background-color: coral;
				display: inline-block;
			}
			.b2{
				width: 300px;
				height: 100px;
				background-color: aquamarine;
				display: inline-block;
			}
			.c1{
				width: 280px;
				height: 400px;
				background-color: blueviolet;
				display: inline-block;
			}
			.c2{
				width: 440px;
				height: 400px;
				background-color: yellow;
				display: inline-block;
			}
			.c3{
				width: 280px;
				height: 400px;
				background-color: mediumseagreen;
				display: inline-block;
			}
		</style>
	</head>
	<body>
		<div class="a1">
			<div class="a2">
				<div class="b1"></div><div class="b2"></div>
			</div>

			<div class="a3">
				<div class="c1"></div><div class="c2"></div><div class="c3"></div>
			</div>
		</div>
	</body>
</html>
